import React, {useState, useCallback, useEffect, useRef} from 'react';
import {Text, View, Image, StyleSheet, Animated, Modal} from 'react-native';

const Popup = ({close, show}) => {
  console.log(show);
  return (
    <Modal
      animationType="slide"
      transparent={true}
      visible={show}
      onRequestClose={() => {
        close();
      }}>
      <View style={styles.popup}>
        <View style={styles.test}>
          <Text>234234</Text>
        </View>
      </View>
    </Modal>
  );
};

export default Popup;
const styles = StyleSheet.create({
  popup: {
    backgroundColor: 'rgba(0,0,0,0.5)',
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    paddingLeft: 10,
    paddingRight: 10,
  },
  test: {
    backgroundColor: '#fff',
    marginVertical: 10,
    marginHorizontal: 10,
    width: '100%',
  },
});
